layui.use('table', function(){
    var table = layui.table;

    //第一个实例
    table.render({
        elem: '#ggtype'
        ,id:"categoryType"
        //,height: 312
        ,url: Feng.ctxPath+'/category/list' //数据接口
        ,page: {
            prev:'上一页',
            next:'下一页'
        }
        ,limits:[10,20,30]
        ,cols: [[ //表头
            {type:'checkbox',fixed: 'left'},
            {type:'numbers',title: '序号'},
            // {field: 'id', title: 'ID', width:80, sort: true, fixed: 'left'}
            {field: 'name', title: '分类名称',width:300,edit: 'text'},
            {fixed: 'right', title:'操作', toolbar: '#barDemo', width:150}
        ]]
    });
    //添加
    var $ = layui.$, active = {
        reload: function(){
            console.log("test")
            var demoReload = $('#condition');
            console.log(demoReload.val())
            if (demoReload.val() == null || demoReload.val() == '') {
                layer.alert("分类名称不能为空");
                return;

            }
            $.ajax({
                type: "post",
                url: Feng.ctxPath + "/category/add",
                dataType: "json",
                async: false,
                data: {name: demoReload.val()},
                beforeSend: function(data) {

                },
                success: function(data) {
                    demoReload.val('');
                },
                error: function(data) {
                    console.log("shibai")
                }
            });
            //执行重载
            table.reload('categoryType', {
                page: {
                    curr: 1 //重新从第 1 页开始
                }
                ,where: {
                        //name: demoReload.val()
                }
            }, 'data');
        },
        //删除选中得数据
        deleteCheckData:function () {
            var checkStatus = table.checkStatus('categoryType')
                ,data = checkStatus.data;
            if (data.length==0){
                layer.alert("选中的数据不能为空！")
                return;
            }
            layer.confirm('真的删除选中的数据吗？', function(index){

                for (var i = 0; i < data.length; i++) {
                    $.ajax({
                        type: "post",
                        url: Feng.ctxPath + "/category/delete",
                        dataType: "json",
                        async: false,
                        data: {ids:data[i].id},
                        beforeSend: function(data) {

                        },
                        success: function(data) {

                        },
                        error: function(data) {
                            console.log("shibai")
                        }
                    });
                }
                layer.alert("删除成功");
                table.reload('categoryType', {
                    page: {
                        curr: 1 //重新从第 1 页开始
                    }
                    ,where: {
                        //name: demoReload.val()
                    }
                }, 'data');
            });
        }
    };
    $('.layui-btn').on('click', function(){
        var type = $(this).data('type');
        active[type] ? active[type].call(this) : '';
    });
    //监听单元格编辑
    table.on('edit(test2)', function(obj){
        // var value = obj.value //得到修改后的值
        //     ,data = obj.data //得到所在行所有键值
        //     ,field = obj.field; //得到字段
        //
        // //layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
        // $.ajax({
        //     type: "post",
        //     url: Feng.ctxPath + "/category/update",
        //     dataType: "json",
        //     async: false,
        //     data: obj.data,
        //     beforeSend: function(data) {
        //
        //     },
        //     success: function(data) {
        //         layer.alert("修改成功");
        //     },
        //     error: function(data) {
        //         console.log("shibai")
        //     }
        // });
    });
    table.on('tool(test2)', function(obj){
        var data = obj.data;
        var ids;
        ids=obj.data.id;
        console.log(ids)
        if(obj.event === 'del'){
            layer.confirm('真的删除行么', function(index){
                $.ajax({
                    type: "post",
                    url: Feng.ctxPath + "/category/delete",
                    dataType: "json",
                    async: false,
                    data: {ids:ids},
                    beforeSend: function(data) {

                    },
                    success: function(data) {
                        obj.del();
                    },
                    error: function(data) {
                        console.log("shibai")
                    }
                });

                layer.close(index);
            });
        } else if(obj.event === 'edit'){
            var value = obj.value //得到修改后的值
                ,data = obj.data //得到所在行所有键值
                ,field = obj.field; //得到字段

            //layer.msg('[ID: '+ data.id +'] ' + field + ' 字段更改为：'+ value);
            $.ajax({
                type: "post",
                url: Feng.ctxPath + "/category/update",
                dataType: "json",
                async: false,
                data: obj.data,
                beforeSend: function(data) {

                },
                success: function(data) {
                    layer.alert("修改成功");
                },
                error: function(data) {
                    console.log("shibai")
                }
            });
        }
    });
});

/**
 * 广告管理分类管理初始化
 */
var Category = {
    id: "CategoryTable",	//表格id
    seItem: null,		//选中的条目
    table: null,
    layerIndex: -1
};

/**
 * 初始化表格的列
 */
Category.initColumn = function () {
    return [
        {field: 'selectItem', radio: true},
        {title: 'id', field: 'id', visible: false, align: 'center', valign: 'middle'},
        {title: '名称', field: 'name', align: 'center', valign: 'middle', sortable: true,edit: 'text'},
    ];
};

/**
 * 检查是否选中
 */
Category.check = function () {
    var selected = $('#' + this.id).bootstrapTable('getSelections');
    if(selected.length == 0){
        Feng.info("请先选中表格中的某一记录！");
        return false;
    }else{
        Category.seItem = selected[0];
        return true;
    }
};
function saveData(index, field,row, value) {
    row.name=value;
    console.log(row);
    $.ajax({
        type: "post",
        url: Feng.ctxPath + "/category/update",
        dataType: "json",
        async: false,
        data: row,
        beforeSend: function(data) {

        },
        success: function(data) {
            console.log(data)
        },
        error: function(data) {
            console.log("shibai")
        }
    });
}
/**
 * 点击添加广告管理分类
 */
Category.openAddCategory = function () {
    var index = layer.open({
        type: 2,
        title: '添加广告管理分类',
        area: ['800px', '420px'], //宽高
        fix: false, //不固定
        maxmin: true,
        content: Feng.ctxPath + '/category/category_add'
    });
    this.layerIndex = index;
};

/**
 * 打开查看广告管理分类详情
 */
Category.openCategoryDetail = function () {
    if (this.check()) {
        var index = layer.open({
            type: 2,
            title: '广告管理分类详情',
            area: ['800px', '420px'], //宽高
            fix: false, //不固定
            maxmin: true,
            content: Feng.ctxPath + '/category/category_update/' + Category.seItem.id
        });
        this.layerIndex = index;
    }
};

/**
 * 删除广告管理分类
 */
Category.delete = function () {
    if (this.check()) {
        var ajax = new $ax(Feng.ctxPath + "/category/delete", function (data) {
            Feng.success("删除成功!");
            Category.table.refresh();
        }, function (data) {
            Feng.error("删除失败!" + data.responseJSON.message + "!");
        });
        ajax.set("categoryId",this.seItem.id);
        ajax.start();
    }
};

/**
 * 查询广告管理分类列表
 */
Category.search = function () {
    var queryData = {};
    queryData['condition'] = $("#condition").val();
    Category.table.refresh({query: queryData});
};

$(function () {
    var defaultColunms = Category.initColumn();
    var table = new BSTable(Category.id, "/category/list", defaultColunms);
    table.setPaginationType("client");
    Category.table = table.init();
});
